<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<div th:replace="~{index/fragment/common :: head}"></div>
<body>

<!-- 欢迎 -->
<div th:replace="~{index/fragment/common :: welcome}"></div>

<!-- 导航 -->
<div th:replace="~{index/fragment/common :: header}"></div>

<!-- 图片轮播 -->
<div th:replace="~{index/fragment/common :: jslider}"></div>

<!-- 内容 -->
<div class="pst_bg">
    <div class="pst">
        <i class="fa fa-home"></i>
        您当前的位置：
        <a href="/Contact/contact.html">联系我们</a>
        <i class="fa fa-arrow-right"></i>
        <a href="/Contact/online.html">在线留言</a>
    </div>
</div>
<div class="scd clearfix">
    <div class="scd_l">
        <div class="s_name">
            联系我们
        </div>
        <div th:replace="~{index/fragment/common :: contact_slide}"></div>
    </div>
    <div class="scd_r">
        <div class="r_name"><span>在线留言</span></div>
        <div class="lianxi">
            <form class="form-horizontal" method="post" action="javascript:void(0)">
                <div class="form-group">
                    <label for="" class="col-sm-2 control-label">标题</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control">
                    </div>
                </div>
                <div class="form-group">
                    <label for="" class="col-sm-2 control-label">给我们留言<span>*</span></label>
                    <div class="col-sm-5">
                        <textarea class="form-control" rows="3"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label for="" class="col-sm-2 control-label">您的邮箱<span>*</span></label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control">
                    </div>
                </div>
                <div class="form-group">
                    <label for="" class="col-sm-2 control-label">联系电话<span>*</span></label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control">
                    </div>
                </div>
                <div class="form-group">
                    <label for="" class="col-sm-2 control-label">公司名称</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control">
                    </div>
                </div>
                <div class="form-group">
                    <label for="" class="col-sm-2 control-label">所在地区</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control">
                    </div>
                </div>
                <div class="form-group">
                    <label for="" class="col-sm-2 control-label">联系地址</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control">
                    </div>
                </div>
                <div class="form-group">
                    <label for="" class="col-sm-2 control-label">网址</label>
                    <div class="col-sm-5">
                        <input type="text" class="form-control">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2"></div>
                    <div class="col-sm-10">
                        <button type="submit" class="btn btn-default">提交留言</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- 页脚与备案 -->
<div th:replace="~{index/fragment/common :: copyright}"></div>

</body>
</html>
